<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.box{
				width: 300px;
				height: 600px;
				border: 1px dotted grey;
				margin: auto;
			}
			h1{
				text-align: center;
				font-size: 24px;
				font-weight: 600;
				color: #666;
				border-bottom: 2px dashed darkgrey;
			}
			li{
				margin: 10px;
				list-style: none;
				border-bottom: 2px dotted darkgrey;
				padding-bottom: 5px;
			}
			.title{
				display: inline-block;
				width: 20px;
				height: 20px;
				color: orangered;
				border: 1px solid #aaa;
				text-align: center;
				border-radius: 5px;
			}
			.and{
				color: #666666;
			}
			.intro{
				margin-left: 10px;
			}
			span{
				display: inline-block;
			}
			img{
				width: ;
			}
			.pic{
				width: 100%;
				margin: 10px auto;
				overflow: hidden;
				display: none;
			}
			img{
				display: inline-block;
				width: 150px;
				height: 250px;
				float: left;
				margin-right: 10px;
			}
			p{
				font-size: 13px;
				color: #666666;
			}
			.dis .pic{
				display: block;
			}
		</style>
	</head>
	<body>
		
		<div class="box">
			<h1>电影排行榜</h1>
			<ul>
				<li><span class="title">1</span><span class="intro">冰雪女王3</span>
					<div class="pic">
						<img src="img/bingxue.jpg"/>
						<p>断遇到麻烦可算是格尔达（劳里·海梅斯 配音）与凯(杰森·格里菲 配音）这对姐弟的特点了，毕竟他们是在冰雪的国度被矮人们养大的。随着他们长大成人，等待他们的麻烦也升级了。这一次，格尔达与新认识的小伙伴罗兰去寻找传说中的许愿球，不想却召唤出封印在许愿球中的邪恶力量。</p>
					</div>
				</li>
				<li><span class="title">2</span><span class="intro">复仇者联盟3</span>
					<div class="pic">
						<img src="img/fuchou.jpg"/>
						<p>断遇到麻烦可算是格尔达（劳里·海梅斯 配音）与凯(杰森·格里菲 配音）这对姐弟的特点了，毕竟他们是在冰雪的国度被矮人们养大的。随着他们长大成人，等待他们的麻烦也升级了。这一次，格尔达与新认识的小伙伴罗兰去寻找传说中的许愿球，不想却召唤出封印在许愿球中的邪恶力量。</p>
					</div>
				</li>
				<li><span class="title">3</span><span class="intro">幕后玩家</span>
					<div class="pic">
						<img src="img/muhou.jpg"/>
						<p>断遇到麻烦可算是格尔达（劳里·海梅斯 配音）与凯(杰森·格里菲 配音）这对姐弟的特点了，毕竟他们是在冰雪的国度被矮人们养大的。随着他们长大成人，等待他们的麻烦也升级了。这一次，格尔达与新认识的小伙伴罗兰去寻找传说中的许愿球，不想却召唤出封印在许愿球中的邪恶力量。</p>
					</div>
				</li>
				<li><span class="title and">4</span><span class="intro">狂暴巨兽</span>
					<div class="pic">
						<img src="img/kuangbao.jpg"/>
						<p>断遇到麻烦可算是格尔达（劳里·海梅斯 配音）与凯(杰森·格里菲 配音）这对姐弟的特点了，毕竟他们是在冰雪的国度被矮人们养大的。随着他们长大成人，等待他们的麻烦也升级了。这一次，格尔达与新认识的小伙伴罗兰去寻找传说中的许愿球，不想却召唤出封印在许愿球中的邪恶力量。</p>
					</div>
				</li>
				<li><span class="title and">5</span><span class="intro">亲爱的</span>
					<div class="pic">
						<img src="img/love.jpg"/>
						<p>断遇到麻烦可算是格尔达（劳里·海梅斯 配音）与凯(杰森·格里菲 配音）这对姐弟的特点了，毕竟他们是在冰雪的国度被矮人们养大的。随着他们长大成人，等待他们的麻烦也升级了。这一次，格尔达与新认识的小伙伴罗兰去寻找传说中的许愿球，不想却召唤出封印在许愿球中的邪恶力量。</p>
					</div>
				</li>
			</ul>
		</div>
		
		<script src="js/jquery.js"></script>
		<script src="js/videolist.js"></script>
	</body>
</html>
